<div id="mine">
	<div class="mine-header">
		<div class="hd-wrap">
			<div class="myphoto">
				<img src="img/photo.png" alt="">
			</div>
			<div class="hd-con">
				<p class="username">樱桃就吃丸子</p>
				<div class="bee-logo">
					注册会员
				</div>
			</div>
		</div>
		<div class="collect">
			<div class="pro-collect">
				<span class="pro-icon"></span>
				<span class="pro-text">商品收藏</span>
			</div>
			<div class="shop-collect">
				<span class="shop-icon"></span>
				<span class="shop-text">店铺收藏</span>
			</div>
		</div>
	</div>
	<div class="mine-body">
		<div class="line"></div>
		<div class="order">
			<p class="my-order">我的订单</p>
			<p class="all-order">查看全部订单></p>
		</div>
		<div class="order-request">
			<ul>
				<li>
					<div class="order-icon"></div>
					<p class="order-text">待付款</p>
				</li>
				<li>
					<div class="order-icon"></div>
					<p class="order-text">待收货</p>
				</li>
				<li>
					<div class="order-icon"></div>
					<p class="order-text">待评价</p>
				</li>
				<li>
					<div class="order-icon"></div>
					<p class="order-text">退款/售后</p>
				</li>
			</ul>
		</div>
		<div class="line"></div>
		<div class="mine-itmes">
			<ul>
				<li class="items">
					<div class="items-icon"></div>
					<p class="items-text">积分商城</p>
				</li>
				<li class="items">
					<div class="items-icon"></div>
					<p class="items-text">优惠券</p>
				</li>
				<li class="items">
					<div class="items-icon"></div>
					<p class="items-text">收货地址</p>
				</li>
				<li class="items">
					<div class="items-icon"></div>
					<p class="items-text">客服/反馈</p>
				</li>
				<li class="items">
					<div class="items-icon"></div>
					<p class="items-text">关于我们</p>
				</li>
			</ul>
		</div>
		<div class="line3"></div>
		<div class="exit">
			退出当前账户
		</div>
		<div class="line"></div>
	</div>
</div>

<!-- 登录界面 -->
<div id="login">
	<header>登录</header>
	<form id="main" name="login">
		<div class="login-username">
			<input type="number" required name="username" ng-model="user.name" placeholder="请输入手机号" ng-pattern="/^1(3|4|5|7|8)\d{9}$/">
			<div ng-show="!login.username.$pristine">
				<span ng-show="login.username.$invalid">请输入正确手机号</span>
				<span ng-show="login.username.$valid" class="correct">√</span>
			</div>
		</div>
		<div class="login-password">
			<input type="password" required placeholder="请输入密码" name="pwd" ng-model="user.pwd" ng-pattern="/^[a-zA-Z]\w{5,17}$/" ng-minlength="6">
			<div ng-show="!login.pwd.$pristine">
				<span ng-show="login.pwd.$invalid">密码输入不正确</span>
				<span ng-show="login.pwd.$valid && !login.pwd.$pristine" class="correct">√</span>
			</div>
		</div>
		<button type="submit">确定</button>
	</form>
</div>